<!--
 * @Author: 273198238 '2412069378@qq.com'
 * @Date: 2025-03-12 15:19:47
 * @LastEditors: 273198238 '2412069378@qq.com'
 * @LastEditTime: 2025-03-13 13:47:23
 * @FilePath: \vue-managed\src\views\HomeView.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="home">
    <div class="img">
      <img :src="Img" alt="" />
    </div>
    <div class="echart">
      <Echart></Echart>
    </div>
  </div>
</template>

<script>
import echart from "../components/echart.vue";

export default {
  name: "HomeView",
  components: {
    Echart: echart,
  },
  data() {
    return {
      i: 1,
      Img: require("../assets/css/b1.jpg"),
    };
  },
  created() {
    setInterval(() => {
      this.i++;
      if (this.i > 3) {
        this.i = 1;
      }
      this.Img = require("../assets/css/b" + this.i + ".jpg");
    }, 1000);
  },
};
</script>

<style>
.home{
    display: flex;
}
.img {
  width: 30vw;
  height: 50vh;
  overflow: hidden;
}
.echart{
    width: 30vw;
    height: 50vh;
}
</style>
